<template>
  <a-modal
    :title="'为' + '缴费'"
    :width="700"
    :visible="visible"
    :confirmLoading="loading"
    @ok="handleOk"
    @cancel="handleCancel"
  >
    <a-spin :spinning="loading">
      <a-form :form="form" v-bind="formLayout">
        <a-form-item v-show="false" label="主键ID">
          <a-input v-decorator="['id']" disabled />
        </a-form-item>
        <a-form-item label="续费时长">
          <a-input v-decorator="['num']" type="number" placeholder="请填写续费年数"></a-input>
          <label style="margin-left: 10px">年</label>
        </a-form-item>
      </a-form>
    </a-spin>
  </a-modal>
</template>

<script>
import { clothesStoreEditNum } from '@/api/store'
import { STORE_TYPE_MAP } from '@/mixins/storeType'
import formModalMixin from '@/mixins/formModalMixin'
// 表单字段
const fields = [ 'id', 'num' ]

export default {
  mixins: [formModalMixin],
  props: {
    type: {
      type: String,
      default: 'clothes'
    },
  },
  data () {
    this.fields = fields
    this.editAction = clothesStoreEditNum
    return {
      storeTypeList: STORE_TYPE_MAP
    }
  },
  methods: {

  }
}
</script>
